@rem: 50rem;

* {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #f4f4f4;
}

.img-box {
  width: 100%;
  height: (194+111)/@rem;
  text-align: center;

  .img {
    margin-top: 111/@rem;
    margin-left: auto;
    margin-right: auto;
    width: 279/@rem;
    height: 196/@rem;
  }

}

#text {
  margin-top: 66/@rem;
}

p {
  font-size: 34/@rem;
  color: #666666;
  line-height: (34+16)/@rem;
  text-align: center;
  margin: 0 auto;
}

.button-box {
  text-align: center;

  button {
    width: 686/@rem;
    height: 88/@rem;
    border: #a28865 solid;
    border-radius: 44/@rem;
    font-size: 34/@rem;
  }
}

#ok {
  margin-top: 64/@rem;
  color: #FFFFFF;
  background-color: #a28865;
}

#ok:active {
  background-color: #3f382b;
}

#cancel {
  margin-top: 45/@rem;
  color: #333333;
  border: #d0c7ca solid;
  background-color: #FFFFFF;
}

#cancel:active {
  background-color: #6e6e6e;
}